<template>
  <view class="result">
    <view class="tip">
      <u-image :src="icon" width="48" height="48"></u-image>
      <view class="tip-text">已成功提交</view>
    </view>
    <view class="family">
      <view class="title">家庭类型：</view>
      <view class="type">{{ familyType }}</view>
    </view>
    <view class="btn">
      <u-button type="primary" @click="gotoHome">再填写一份</u-button>
    </view>
  </view>
</template>

<script>
export default {
  components: {},
  data: () => ({
    icon: require("@/static/完成.png"),
    familyType: "低保家庭",
  }),
  computed: {},
  methods: {
    gotoHome() {
      uni.navigateTo({ url: "/pages/index/index" })
    },
  },
  watch: {},

  // 页面周期函数--监听页面加载
  onLoad(options) {
    this.familyType = options.data
  },
}
</script>

<style lang="scss" scoped>
.result {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 100rpx;

  .tip {
    display: flex;
    align-items: center;

    &-text {
      font-size: 45rpx;
      color: $uni-color-title;
      font-weight: bold;
      margin-left: 20rpx;
    }
  }

  .family {
    display: flex;
    align-items: center;
    margin-top: 100px;
    font-size: 45rpx;
    // font-weight: bold;
    color: $uni-color-paragraph;
    .type {
      color: $uni-color-primary;
      font-weight: bold;
    }
  }

  .btn {
    margin-top: 100px;
  }
}
</style>
